<!DOCTYPE html>
<html>	
<head>
<title>登陆管理后台</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates" />
<link href="{{ url_for('static', filename='css/loginstyle.css') }}" rel='stylesheet' type='text/css' />
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic,700italic|Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<script src="{{ url_for('static', filename='js/jquery-2.2.1.min.js') }}"></script>
<!--//webfonts-->
</head>
<body>
<script>$(document).ready(function(c) {
        var t=setTimeout("$('.alert-dismissable').fadeOut(600)",5000)
	$('.closelogin').on('click', function(c){
		$('.login-form').fadeOut('slow', function(c){
	  		$('.login-form').remove();
		});
	});	
        $('.closetip').on('click', function(c){
                $('.alert-dismissable').fadeOut(500, function(c){
                        $('.alert-dismissable').remove();
                });
        });  
});
</script>
<!--SIGN UP-->
<h1>管理台登陆</h1>
{% for category, message in get_flashed_messages(with_categories=true) %}
    <div class="alert alert-{{ category }} alert-dismissable">
        {{ message }}
        <button type="button" class="closetip" data-dismiss="alert" aria-hidden="true">&times;</button>
        </div>
{% endfor %}
<div class="login-form">
    <!--关闭按钮-->
    <div class="closelogin"></div>
    <!--头信息-->
    <div class="head-info">
        <label class="lbl-1"> </label>
        <label class="lbl-2"> </label>
        <label class="lbl-3"> </label>
    </div>
    <div class="clear"> </div>
    <div class="avtar">
        <img src="{{ url_for('static', filename='images/avtar.png') }}" />
    </div>
    <form class="form-horizontal" role="form" autocomplete="off" method="post" action"={{ url_for('auth.login') }}">
        {{ form.csrf_token }}
        <div class="form-group">
           <div class="col-sm-9">
                <div class="input-group">
                    {{ form.email(class='text',value="", type='text', placeholder='请输入您的邮箱', required='', onfocus="this.placeholder = '';", onblur="if (this.placeholder == '') {this.placeholder = '请输入您的邮箱';}") }}
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-9">
                <div class="input-group">
                    {{ form.password(class='form-control', placeholder='请输入您的密码', required='', onfocus="this.placeholder = '';", onblur="if (this.placeholder == '') {this.placeholder = '请输入您的密码';}") }}
                </div>
            </div>
        </div>
        <div class="signin">
            <div class="col-sm-offset-3 col-sm-9">
                <button type="submit" class="btn btn-default">登录</button>
            </div>
        </div>
    </form>
</div>
<div class="copy-rights">
    <p>Copyright</p>
</div>
</body>
</html>
